<template>
  <div class="mylist">
    <div class="mylistitem" v-for="(item,index) in list" :key="index">
      <el-button  class="item" text>{{ item }}</el-button>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  props:{
    list:{
      type:Array
    }
  }
})
</script>

<style scoped lang="scss">
  .mylist{

    box-sizing: border-box;
    .mylistitem{
      height: auto;
      width: 100%;
      .item{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: start;
      }
    }
  }
</style>